body {
  background: #fff;
  padding: 10px;
  min-width: 1150px;
}

.warp_top{
  h3{
    border: 1px dotted #eee;
    background: #eee;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 10px 7px 10px;
    margin: 0 0 10px 0;
    overflow: hidden;
    a{
      font-size: 14px;
      font-weight: normal;
    }
    a:hover{
      text-decoration: underline;
    }
  }
}

.info_warp{
  border-bottom: 1px solid #ccc;
  .title{
    background: #eee;border-bottom: 1px solid #ccc;
    .left{
      width: 10%;float: left;text-align: left;padding-left: 20px;border-right: 1px solid #ccc;
    }
    .right{
      width: 90%;float: left;
      li{
        width: 16.6%;text-align: center;float: left;border-right: 1px solid #ccc;
      }
    }
  }
  .content{
    background: #eee;
    .left{
      width: 10%;float: left;text-align: left;padding-left: 20px;border-right: 1px solid #ccc;
      .a-font{
        line-height: 20px;
      }
    }
    .right{
      width: 90%;float: left;
      li{
        width: 16.6%;text-align: center;float: left;line-height: 20px;border-right: 1px solid #ccc;
        .b-font{
          color: #333;font-weight: 600;
        }
        .c-font{
          color: #666;
        }
      }
    }
  }
}

.content_title{
  width: 100%;border:1px solid #ccc;height: 30px;margin: 10px auto;overflow: hidden;
  .active{
    background-color: #ccc;
  }
  .box1{
    width: 5%;float: left;height: 30px;line-height: 28px;font-size: 16px;color: #333;text-align: center;border-right: 1px solid #ccc;
  }
  .box2{
    width: 5%;float: left;height: 30px;line-height: 28px;font-size: 16px;border-right: 1px solid #ccc;color: #333;text-align: center;
  }
  .box3{
    width: 5%;float: left;height: 30px;line-height: 28px;font-size: 16px;border-right: 1px solid #ccc;color: #333;text-align: center;
  }
  .box4{
    width: 85%;padding: 3px 15px;float: left;
    span{
      float: left;margin:0 10px;
    }
    label{
      float: left;
      input{
        display: block;border:1px solid #ccc;
        height: 20px;
      }
    }
    .btn-s{
      float: left;display: block;width: 60px;height: 20px;font-size: 12px;margin-left: 20px;cursor: pointer;
    }
    .btn-s:active{
      opacity: 0.6;
    }
  }
}

.bottom_warp{
  width: 100%;
  .l{
    float: left;
  }
  .r{
    float: right;
  }
  .bottom_title{
    width: 100%;float: left;height: 30px;line-height: 30px;font-size: 16px;color: #666;font-weight: 600;
  }
  .content_module{
    border: 1px solid #ccc;width: 49%;height: 180px;margin-bottom: 10px;
    .top{
      width: 100%;height: 36px;border-bottom: 1px solid #ccc;
      span{
        display: block;float: left;min-width: 100px;height: 36px;line-height: 36px;font-weight: 600;padding: 0 10px;
      }
      ul{
        border: 1px solid #ccc;float: left;margin-top: 5px;overflow:hidden;
        li{
          height:24px;line-height: 22px;border-right:1px solid #ccc;padding: 0 10px;float: left;
          i{
            color: #FA4339;font-weight: 600;
          }
          .green{
            color: #4DB17A;
          }
        }
        li:hover{
          background-color: #ccc;cursor: pointer;
        }
        .active{
          background-color: #ccc;
        }
      }
    }
    .bottom{
      width: 100%;
      ul{
        li{
          width: 100%;
          line-height: 30px;padding: 0 10px;position: relative;overflow:hidden;
          span{
            margin-right: 4%;
          }
          a{
           display: block;width: 70px;height: 22px;text-align: center;line-height: 22px;background-color: #ccc;position: absolute;right: 10px;top: 4px;
          }
        }
        li:hover{
          background-color: #bbb;
          span{
            color: #4A40C7;
          }
        }
      }
    }
    .more{
      text-align: right;padding-right: 10px;
    }
    .more:hover{
      a{
        color: #4A40C7;
      }
    }
  }
  .content_module1{
    border: 1px solid #ccc;width: 49%;height: 240px;position: relative;
    .eachts-catgory{
      position: absolute;top:30px;left: 0;width: 100%;height: 20px;
      .left{
        border: 1px solid #ccc;position: absolute;left: 0;top: 0;width: auto;height: 20px;z-index: 999;
        .cat_btn{
          padding: 0 10px;height: 20px;float: left;line-height: 20px;border-right: 1px solid #ccc;min-width: 70px;max-width: 100px;
          .x_btn{
            position: absolute;top: 0;right: 0;line-height: 20px;width: 15px;text-align: center;z-index: 99999;
          }
          .cat_option{
            width: 100%;display: none;
            border: 1px solid #ccc;padding: 0 10px;border-top: 0;
          }
        }
        .cat_btn:hover{
          background-color: #76BDFC;color: #fff;cursor: pointer;
        }
        .active{
          background-color: #76BDFC;color: #fff;
        }
      }
      .right{
        position: absolute;right:0;top: 0;z-index: 999;
        span{
          display: block;float: left;height: 20px;padding: 0 10px;
        }
        label{
          float: left;
        }
      }
    }
  }
  .content_module2{
    border: 1px solid #ccc;width: 49%;height: 240px;
    .title{
      line-height: 20px;padding-left: 10px;
    }
    ul{
      padding: 10px;width: 100%;
      li{
        line-height: 30px;margin-bottom: 5px;
        i{
          display: block;height: 20px;width: 20px;margin-right: 60px;border:1px solid #ccc;
          font-style: normal;float: left;text-align: center;line-height: 18px;
        }
        em{
          font-style: normal;display: block;float: left;width: 60%;height: 20px;line-height: 20px;
        }
        span{
          float: left;display: block;width: 20px;height: 20px;line-height: 20px;
        }
      }
    }
    li:after{
      content: "";display: block;clear: both;
    }
  }
}